<!doctype html>
<html lang="">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Visual tests</title>

  <link href="//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel='stylesheet'>

  <base href="../../">
  <link rel="stylesheet" href="dist/material.css">
  <link rel="stylesheet" href="test/visual/style.css">
</head>
<body>


    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer">
      <div class="mdl-layout__header">
        <div class="mdl-layout__header-row">
          <span class="mdl-layout-title">Components</span>
          <div class="mdl-layout-spacer"></div>
          <div class="mdl-input mdl-input--right">
            <label class="mdl-textfield-expandable-icon mdl-label" for="sample-expandable">
              <span class="mdl-textfield-expandable-icon-search"></span>
            </label>
            <div class="mdl-input__expandable-holder">
              <label class="mdl-label" for="sample"></label>
            </div>
          </div>
        </div>
      </div>
      <div class="mdl-layout__drawer">
        <span class="mdl-layout-title">Material Design Lite</span>
        <nav class="mdl-navigation">
          <a class="mdl-navigation__link" target="preview" href="dist/components/button/demo.html">Button</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/card/demo.html">Card</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/checkbox/demo.html">Checkbox</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/footer/demo.html">Footer</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/icon-toggle/demo.html">Icon toggle</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/layout/demo.html">Layout</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/list/demo.html">List</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/menu/demo.html">Menu</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/progress/demo.html">Progress</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/radio/demo.html">Radio</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/spinner/demo.html">Spinner</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/slider/demo.html">Slider</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/switch/demo.html">Switch</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/tabs/demo.html">Tabs</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/textfield/demo.html">Textfield</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/tooltip/demo.html">Tooltip</a>
          <a class="mdl-navigation__link" target="preview" href="dist/components/typography/demo.html">Typography</a>
        </nav>
      </div>
      <iframe name="preview" class="mdl-layout__content" src="test/visual/welcome.html"></iframe>
    </div>
  </div>


  <script src="dist/material.js"></script>

</body>
</html>
